<template>
  <div class="carts">
    <h1>购物车({{cartsBuyNum}})</h1>
    <hr />

    <router-view />
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState({
      cartsBuyNum: (state) => state.carts.cartsBuyNum,
    }),
  },
};
</script>

<style lang="scss" scoped>
</style>